{% extends "base.html" %}
{% block localidades %}
	
	<h1>{{ festival }}</h1>
	<h2>Bandas invitadas: {{presentacion}}</h2>
	<h2>Dia: {{presentacion.fecha}}</h2>
	<h3>Sector :
	{% for localidad in localidades %}
		 ({{localidad.nombre}})
	{% endfor %}
	</h3>
	<form action="" method="post">
        <table>
            {{ form.as_table }}
        </table>
        {% csrf_token %}
    </form>
    
	
	<form id="butacas" action="" method="post">
	<table border="0" id="tablaListado" >
    {% for localidad in localidades %}
    	{% for fila in localidad.filas.all %}
	    <tr>
	    	{% for butaca in fila.butacas.all %}
	    		<td>
					<div id="wrapper" >
						<div class="first">Fila </div> <div class="second">{{fila.numero}}</div>
						<div class="separador"></div>
						<div class="first">Butaca</div> <div class="second">{{butaca.numero}}</div>
						<div class="separador"></div>
						<div class="first">Estado</div> 
            
            	{% if  butaca.estado == 'disponible' %}
	            	  <div class="second2 disponible ">{{butaca.estado}}</div> 
                      <a href="{{site.name}}/seleccionar_localidad/{{butaca.id}}/{{presentacion.id}}" >
                    <span class="ui-icon ui-icon-circle-triangle-e"></span>
                  </a>
	        	{% else %}              
	        		    <div class="second2 nodisponible ">{{butaca.estado}}</div>                      
	        	{% endif%}
                  
					</div>             
		    	</td>
	    	{% endfor %}
	    </tr>
        {% endfor %}
    {% endfor %}
	</table>
	
	    <input type="button" value="Comprar" onclick="window.location.href='{{site.name}}/adquirir_localidad/{{tablaListado.rows}}'" />
	    {% csrf_token %}
	</form>
	
{% endblock %}
 
